.title {
    position: absolute;
    width: 100vw;
    height: 80px;
    left: 0px;
    top: 0px;
    background-color: #027DB4;
}

.title_text {
    position: absolute;
    left: 20px;
    color: white;
}

.calculate_title {
    text-align: center;
    font-size: 30px;
    top: 0px;
    height: 50px;
}

.calculate_input {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100vw;
    height: 300px;
    border-bottom: solid 1px black;
}

.calculate_input_data {
    width: 100vw;
    height: 50px;
}

.calculate_input_data_text {
    position: absolute;
    left: 10vw;
    font-weight: bold;
}

.calculate_input_data_1 {
    position: absolute;
    left: 30vw;
}

.calculate_input_data_2 {
    position: absolute;
    left: 50vw;
}

.calculate_input_data_3 {
    position: absolute;
    left: 70vw;
}

.calculate_input_button {
    position: absolute;
    top: 230px;
    left: 45vw;
    width: 10vw;
    height: 40px;
}

.calculate_output {
    position: absolute;
    top: 350px;
    left: 0px;
    width: 100vw;
    height: 300px;
    border-bottom: solid 4px black;
}

.calculate_output_data {
    position: absolute;
    left: 10vw;
    top: 0px;
    height: 100%;
    width: 300px;
}

.calculate_output_draw {
    position: absolute;
    right: 400px;
    top: 25px;
    width: 30vw;
    height: 250px;
    border: solid 1px black;
}

.Intersection_ahead {
    position: absolute;
    left: 0px;
    top: 80px;
    width: 100vw;
    height: 650px;
    /* display: flex;
    justify-content: center; */
}

.Intersection_distance {
    position: absolute;
    left: 0px;
    top: 730px;
    width: 100vw;
    height: 650px;
}

.Distance_and_Angle{
    position: absolute;
    left: 0px;
    top: 1380px;
    width: 100vw;
    height: 650px;
}